@charset "UTF-8";
* {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
}
﻿html, body { padding: 0; margin: 0; overflow: hidden; }
body, .panel-body {
	font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	margin: 0;
}
ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{padding:0;margin:0}
ul,li{list-style: none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
*:focus { outline: none; }
/*******************Easyui 公共样式****************************/
.hidden{display: none}
#navMenu_list { padding: 0px; margin: 0px; }
#navMenu_list>li { line-height: 26px; list-style-type: none; }
#navMenu_list>li>div.panel-header { height: 26px; line-height: 26px; padding: 0; margin: 0; font-weight: normal; border-top-width: 1px; border-bottom-width: 0; }
#navMenu_list>li:first-child>div.panel-header { border-top-width: 0;cursor: pointer;  }
#navMenu_list>li>div.panel-header a { width: 100%; height: 100%; color: inherit; text-decoration: none; display: inline-block; padding: 0; margin: 0; }
#navMenu_list>li>div.panel-header a.selected { font-weight: 700; color: #fff;}

.menuContainer i{
	margin-left:10px;
}
.menuContainer span.text{
	margin-left:5px;
}

.tabs-container .tabs-header .tabs-scroller-left { border-top-width: 0; border-left-width: 0; }
.tabs-container .tabs-header .tabs-scroller-right { border-top-width: 0; border-right-width: 0; }
.tabs-container .tabs-tool { border-top-width: 0; border-right-width: 0; }
.tabs-tool table { border-width: 0; border-collapse: collapse; border-spacing: 0; }
.tabs-tool table td { padding: 0; }

.top-toolbar { position: absolute; font-weight: normal; padding: 0; width: 100%; height: 28px; top: 51px; left: 0; border-top-width: 1px; border-bottom-width: 0; z-index: 100; }
.top-toolbar-topmost { top: 0px; height: 27px; border-top-width: 0px; border-bottom-width: 1px; }
.top-toolbar #infobar { position: absolute; height: 26px; line-height: 26px; left: 10px; }
.top-toolbar #buttonbar { position: absolute; height: 26px; right: 5px; padding-top: 1px; text-align: right; color:red; }

/************MainLayout-->northPanel*************/
#northPanel{
	/* background: #4a5b79 none repeat scroll 0 0; */	
	/*background: #2a3b4c none repeat scroll 0 0;	*/
	background: #113D68 none repeat scroll 0 0;	
}
.header-logo{
	float:left;
}
.header-logo i{
	display: block;
	height: 68px;
	line-height: 68px;
	float:left;
	font-size:45px;
	color:#fff;
	padding-left:10px;
}
.header-logo .logo-info{
	height: 68px;
	float:left;
	padding-left:10px;
	color:#fff;
}
.header-logo .logo-info .zh{
	font-size:24px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top:8px; 
}
.header-logo .logo-info .en{
	display: inline-block;
	font-size: 9px;
	letter-spacing: 1px;
}
.header-menu{
	float:right;
}
.header-menu ul li{
	float:left;
}
.header-menu ul li a{
	color:#fff;
	display: block;
	text-align: center;
	height: 68px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.header-menu ul li:hover{
	background: #285e8e;
}
.header-menu ul li:hover a i{
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
	-moz-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
.header-menu ul li a i{
	display: block;
	font-size: 34px;
	cursor: pointer;
}
.header-menu ul li#btnHideNorth{
	width:12px;
	float:right;
	border-left: 1px solid #65727F;
	padding: 0;
	line-height: 68px;
	font-size:16px;
	color:#fff;
	cursor: pointer;
}

.list .l-btn{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	border-width: 0px;
	border-radius: 0;
	color: #fff;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.list .l-btn:hover{
	background: #285e8e; 
	border-width: 0px;
	border-radius: 0px;
	color: #fff;
}
.list .m-btn-downarrow{
	display: none;
}
.list .m-btn-plain-active, .s-btn-plain-active{
	color: #fff;
}
.list .m-btn-plain-active, .user .s-btn-plain-active{
	border-width: 0px;
	background: #285e8e; 
	border-radius: 0;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.list .m-btn .l-btn-text {
    line-height: normal;
}
.list .m-btn .l-btn-left .l-btn-text {
    margin-right: 0px;
    margin-left: 0px;
}
.list .m-btn .l-btn-left .m-btn-line{
	border-width: 0px;
}
/*这个修改后，datagrid的标题排序显示有问题
.list .m-btn-downarrow, .s-btn-downarrow{
	margin-top: -12px;
}
*/
/************MainLayout-->westPanel*************/

.menu-top {
	line-height: 32px;
}
.menu-top .tools-datetime{
	float:left;
	text-align: center;
	width: 164px;
}
.menu-top .tools-collapse{
	cursor:pointer;
	float:right;
	width: 35px;
	height:100%;
	border-left: 1px solid #CCCCCC;
	text-align: center;
}
.menu-top .tools-collapse i{
	font-size: 18px;
	line-height: 32px;
	width:100%;
}
.menu-top .tools-collapse i:hover{
	color:red;
}


/************MainLayout-->eastPanel*************/
.eastPanel-top{
	line-height: 32px;
	border-bottom:1px solid #CCCCCC;
	height:32px;
}
.eastPanel-top .tools-collapse{
	cursor:pointer;
	float:left;
	width: 35px;
	height:100%;
	border-right: 1px solid #CCCCCC;
	text-align: center;
}
.eastPanel-top .tools-collapse i{
	font-size: 18px;
	line-height: 32px;
	width:100%;
}
.eastPanel-top .tools-collapse i:hover{
	color:red;
}
.eastPanel-top .tools-bar-list{
	float:left;
	text-align: center;
	width: 165px;
}

.linkContainer{
	background:#F2F2F2;
	line-height: 32px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	height:32px;	
}
.linkContainer .header .tools-collapse{
	cursor:pointer;
	float:left;
	width: 20px;
	height:100%;
	text-align: center;
}
.linkContainer .header .tools-collapse i{
	font-size: 18px;
	line-height: 32px;
	width:100%;
}


/************datagrid-toolbar*************/
.datagrid-toolbars{
	background: #F5F5F5;
	height: 45px;
}
.top-line{
	border-top: 1px solid #CCCCCC;
}
.datagrid-toolbars .toolbar-row{
	width: 100%;
	display: table;
	padding:1px 0 2px 0;
}
.datagrid-toolbars .toolbar-row:first-child{
	border:0;
}
.datagrid-toolbars .toolbar-row .group{
	float:left;
	
}
.datagrid-toolbars .toolbar-row .group a.bto{
	border:1px solid #F5F5F5;
	display: inline-block;
	text-align: center;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-radius: 5px;
	margin: 0 2px;
	float:left;
}
.datagrid-toolbars .toolbar-row .group a.bto:hover{
	border:1px solid #ccc;
	background: #fff;
}
.datagrid-toolbars .toolbar-row .group a i.bto{
	display: block;
	font-size:18px;
}
.datagrid-toolbars .toolbar-row .group a.bto i.iconPng{
	display: block;
	width:100%;
	height:18px;
	text-align: center;
}



.datagrid-toolbars .toolbar-row .group .m-btn-plain-active, .datagrid-toolbars .toolbar-row .group .s-btn-plain-active{
	border-width: 0px;
	background: #fff; 
	border-radius: 5px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #333;
}
.datagrid-toolbars .toolbar-row .group .m-btn .l-btn-text {
    line-height: normal;
}
.datagrid-toolbars .toolbar-row .group .m-btn .l-btn-left .l-btn-text {
}
.datagrid-toolbars .toolbar-row .group .m-btn .l-btn-left .m-btn-line{
	border-width: 0px;
}
.datagrid-toolbars .toolbar-row .group .m-btn-downarrow, .s-btn-downarrow{
}


.datagrid-toolbars .toolbar-row .group .form-inputs{
	float:left;
}
.datagrid-toolbars .toolbar-row .group .form-inputs .sbox{
	height:30px;
	margin-top:7px;
	float:left;
}
.datagrid-toolbars .toolbar-row .group .form-inputs .sbox.spe{
	margin-right: 5px;
}
.left-10{
	margin-left:10px;
}
.datagrid-toolbars .toolbar-row .group .form-inputs .sbox .combo{
	border-radius: 5px;
}
.datagrid-toolbars .toolbar-row .group .form-inputs .sbox .searchbox{
	border-radius: 5px;
}
.datagrid-toolbars .toolbar-row .group .form-inputs a{
	display: inline-block;
	text-align: center;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	margin: 0 2px;
	float:left;
	line-height: 25px;
	margin-top: 7px;
	border:1px solid #ccc;
	background: #fff;
}
.datagrid-toolbars .toolbar-row .group .form-inputs a:hover{
	background-color: #EBEBEB !important;
}
.datagrid-toolbars .toolbar-row .group .form-inputs a i{
	font-size: 14px;
	margin-right: 5px;
	display: inline-block;
}


.tools_separator{
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    display: block;
    float: left;
    height: 40px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 1px;
    overflow: hidden
}
.tools_separator_min{
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    display: block;
    float: left;
    height: 30px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
    overflow: hidden
}


.icon-green{color: #77AF3B;}
.icon-green1{color: #29A2D7;}
.icon-blue{color: #285e8e;}
.icon-red{ color: #DD2C2B;}
.icon-warning{color: #2a8bcb;}

.form-container{padding:10px;} 
.tableform{border-collapse:collapse;width:100%;}
.tableform th{background:#F2F7FE;padding:3px;border:1px solid #B8CCE2;padding-left:5px;color:#333;height:24px;text-align:right;}
.tableform td{padding:2px;border:1px solid #B8CCE2;padding-left:5px;color:#333;height:24px;}
.tableform textarea{font-size:12px;border-width:1px;border-style:solid;border-color:#ccc;}
.icon-div{float:left;margin-right: 5px;}
.validatebox-text{border-width:1px;border-style:solid;border-color:#ccc;width:211px;height:20px;line-height:20px;padding: 2px 3px 2px;background-attachment:scroll;background-size:auto;background-origin:padding-box;background-clip:border-box;}
.irl{display:inline-block; position: relative;top:2px; }
.pt-2{padding-top: 2px;}
.mt-6{margin-top: 6px;}
.fa-100{font-size: 100% !important;}
.fa-110{font-size: 110% !important;}
.fa-120{font-size: 120% !important;}
.fa-130{font-size: 130% !important;}
.fa-140{font-size: 140% !important;}
.fa-150{font-size: 150% !important;}
.fa-160{font-size: 160% !important;}
.fa-170{font-size: 170% !important;}
.fa-180{font-size: 180% !important;}
.fa-190{font-size: 190% !important;}
.fa-200{font-size: 200% !important;}
.fa-210{font-size: 210% !important;}
.fa-220{font-size: 220% !important;}
.Wdate{
	border:1px solid #ccc;
	height:22px;
	line-height: 28px;
}

.permit_check{
	float:left;
}
.permit_check .icheckbox_minimal-orange{
	margin-top: -3px;
}
.permit_check div.opts {
	display:inline-block; 
	padding-right: 10px;
	padding-left:3px;
	height: 25px;
    line-height: 25px;
	
}
.unselectAll, .selectAll{
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	cursor: pointer;
}




/************************************icon图标*****************************************/
.icon-import{background:url('../imgs/icon/import.png') no-repeat center center;}
.icon-download{background:url('../imgs/icon/download.png') no-repeat center center;}
.icon-download1{background:url('../imgs/icon/download1.png') no-repeat center center;}
.icon-upload{background:url('../imgs/icon/upload.png') no-repeat center center;}
.icon-upload1{background:url('../imgs/icon/upload1.png') no-repeat center center;}
.icon-role{background:url('../imgs/icon/role.png') no-repeat center center;}
.icon-key{background:url('../imgs/icon/key.png') no-repeat center center;}
.icon-dept{background:url('../imgs/icon/dept.png') no-repeat center center;}
















